*{padding: 0;margin: 0;text-decoration:none;list-style-type:none}
ul,li{list-style: none;}
a{text-decoration: none;}
.fff{color: #fff;z-index: 2}
.fl{float: left;}
.fr{float: right}
.text-center{text-align: center !important;}
body{width: 100%;overflow-x: hidden;}
.mgr150{margin-right: 150px;}
span.blue{color: #5C88FF}
.clear:after{content: "";display: block;height: 0;clear: both;}



.top{position: relative;height: 984px;}
.topbg{height: 984px;width: 100%;background: url("../images/img_banner_phone.png") no-repeat center center;background-size: cover;position: absolute;top: 0;left: 0;}
.top .mengpa{position: absolute;z-index: 1;left: 15%;top: 100px;}
.top .mengpa img{vertical-align: middle;}
.top .mengpa span{font-size: 20px;}
.top .mengpa span.font-big{font-size: 26px;margin-right: 10px;margin-left: 20px}
.top .mengpa-jianjie{position: absolute;left: 15%;top: 200px;}
.top .mengpa-jianjie p{margin-bottom: 10px;color: #c9dbfb}
.top .mengpa-jianjie p .font-big{font-size: 26px;color: #fff;}
.top .download{position: absolute;z-index: 2;left: 15%;top: 350px;}
.top .download .erweimabg{background: #fff;width: 244px;height: 244px;text-align: center;}
.top .download .erweima p{width: 244px;height: 30px;line-height: 30px;text-align: center;}
.top .download .erweimabg img{width: 244px;height: 244px;}
.top .links a{display: block;margin-bottom: 15px;margin-left: 30px;}
.top .phone{position: absolute;z-index: 2;display: none;}
.tg-txt{text-align: center;height: 140px;background: url("../images/img1.png") no-repeat right 30px;padding: 20px 0;border: 1px solid transparent;}
.tg-txt p{margin-bottom: 10px;}
.tg-txt p img{vertical-align: middle;}
.container{padding: 30px 0;margin-top: 40px;}
.container .txtbox{width: 55%;}
.container .txtbox p{line-height: 2}
.yuewan{background: url("../images/img2.png") no-repeat left center;}
.nuanxin{background: url("../images/img_cir.png") no-repeat right center;}
.nuanxin .center{background: url("../images/warm.png") no-repeat 0 center;}
.yuewan .center{background: url("../images/play.png") no-repeat 450px center;}
.container .center{width: 1200px;margin: 0 auto;}
.container .center .title{margin-top: 50px;font-size: 40px;margin-bottom: 20px;}
.container .center .title img{vertical-align: middle;}
.container .center .summary{font-size: 18px;text-align: justify;}
.liaotian .summary{width: 600px;}
.liaotian .center{background: url("../images/chat.png") no-repeat 450px center;position: relative;}
.liaotian .center:before{content: "";display: block;width: 260px;height: 140px;position: absolute;background: url("../images/img1.png") no-repeat center center;left: -180px;top: -50px;}
.liaotian img{position: relative;z-index: 2}
footer{height: 326px;background: url("../images/img_footer.png") no-repeat center center;color: #fff;text-align: center;}
footer .bottom-link{padding-top: 80px;margin-bottom: 60px;}
footer .bottom-link a{color: #fff;position: relative;padding: 0 40px;}
footer .bottom-link a:after{content: "";display: block;position: absolute;height: 16px;width: 1px;background: #fff;right: -2px;top: 4px;}
footer .bottom-link a:nth-last-child(1):after{display: none;}
footer p{margin-bottom: 50px;}
footer p span{margin-right: 50px;}

.gonggao-center{text-align: justify;width: 96%;margin: 0 auto;}
.gonggao-center p{line-height: 1.6;margin: 10px 0 15px;}
.gonggao-center p.title{font-weight: bold;}
.gonggao-center p.indent2{text-indent: 2em;}


.container-w1400{width: 1400px;margin: 30px auto;}
.container-w1400 .container-title{font-size: 40px;text-align: center;margin-bottom: 40px;}
.container-w1400 .container-center{text-align: justify;line-height: 2}
.container-w1400 .container-center img{max-width: 100%;}

.listbox ul li{height: 40px;line-height: 40px;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.listbox ul li a{color: #1A1A1A;}
.listbox ul li a:hover{color: #3A7AFF;}
#morebtn{display: block;height: 40px;line-height: 40px;border: 1px solid #3A7AFF;color: #3A7AFF;width: 160px;margin: 40px auto;text-align: center;border-radius: 4px;}
#morebtn:hover{background: #3A7AFF;color: #fff;}



.top1{height:80px;width:100%; background-color:#333333;}
.top1 ul{margin-left:28%;}
.top1 ul li{float:left;margin-top:30px;}
.top1 ul li a{color:#FFFFFF;display:block;margin-right:25px;}
.smxz a img{float:left;width:75px;margin-left:28%;margin-top:5%;}
.smxz span{float:left;margin-top:5.2%;margin-left:1%;font-size:26px;}
.smxz span.mall{float:left;font-size:16px;margin-top:1%}
.smxz p{clear:both;float:left;margin-top:2%;margin-left:28%;line-height:30px;}
.ewm{clear:both;float:left;margin-left:55%;margin-top:-10%;}
.ewm p{ text-align:center;}
.zbtp img{clear:both;width:20%;margin:8% auto 6% 28%; float:left;}
.zbjs{margin-top:10%; float:left;margin-left:5%;width:29%;}
.zbjs img{margin-left:15px;margin-right:15px;}
.zbjs h1{margin-bottom:4%;}
.zbjs p{ float:left;margin-top:2%;margin-left:1.5%; line-height:40px;font-size:18px;}


.txws .titp{clear:both;float:left;margin-top:5%;margin-left:28%;margin-bottom:2%;}
.txws .titp img{float:left;width:160px;margin-right:15px;}
.txws .tiwz{float:left;margin-top:5%;line-height:30px;}
.yxjs{width:45%;clear:both;margin:0 auto;}
.yxjs p{width:100%;line-height:35px;margin-top:20px;}
.yxjt{margin:1% auto 2% 28%;}
.yxjt img{width:60%;}
.yxjt h1{margin-bottom:2%;}
.footer1{ clear:both;width:100%;height:200px;background-image:url(../images/img_footer.png);color:#FFFFFF; text-align:center;font-size:16px; line-height:35px;padding-top:40px;}











@media screen and (max-width: 650px){

    .top1 ul{margin-left:4%;}
    .top1 ul li{margin-top:10px;}
    .top1 ul li a{font-size:0.8em;margin-right:10px;}
    .smxz a img{float:left;width:60px;margin-left:10%;margin-top:40px;margin-right:3%;}
    .smxz span{float:left;margin-top:50px;font-size:1.0em;}
    .smxz span.mall{float:left;font-size:0.9em;margin-top:15px; }
    .smxz p{clear:both;float:left;margin-top:10px;margin-left:20%;line-height:30px;}
    .ewm{clear:both;float:left;margin:auto 22%;margin-top:25px;}
    .ewm p{ text-align:center;}
    .zbtp img{clear:both;width:80%;margin:8% auto 6% 10%; float:left;}
    .zbjs{margin-top:10%; float:left;margin-left:5%;width:80%;}
    .zbjs img{margin-left:15px;margin-right:15px;}
    .zbjs h1{font-size:1em;}
    .zbjs p{ float:left;margin-top:2%;margin-left:5%; line-height:40px;font-size:0.8em;margin-bottom:10%;}
    .footer1{ clear:both;width:100%;height:180px;background-image:url(../images/img_footer.png);color:#FFFFFF; text-align:center;font-size:0.8em; line-height:35px;padding-top:30px;}

    .txws .titp{margin-top:30px; text-align:center;}
    .txws .titp img{width:160px;margin-left:50%;}
    .txws .tiwz{width:100%;margin-top:5%;line-height:30px; text-align:center;margin:10px auto;}
    .txws .tiwz h2{margin-top:25px;}
    .yxjs{width:80%;clear:both;margin:0 auto;}
    .yxjs h1{margin-bottom:20px; text-align:center;font-size:1.4em;}
    .yxjs p{width:100%;line-height:35px;font-size:0.8em;}
    .yxjt{margin-left:10%;}
    .yxjt img{width:90%;}
    .yxjt h1{margin-bottom:2%;font-size:1.4em;}



    .bottom-link1 a{width: 95px;float: left;padding: 5px !important;}
    .bottom-div{height: 100px!important;}
    .top{height: 285px;}
    .topbg{height: 285px;}
    .top .mengpa img{vertical-align: middle;width: 40px;}
    .top .mengpa span{font-size: 12px;}
    .top .mengpa{position: absolute;z-index: 1;left: 10%;top: 20px;}
    .top .mengpa span.font-big{font-size: 16px;margin-right: 10px;margin-left: 0}
    .top .mengpa-jianjie{position: absolute;left: 10%;top: 65px;font-size: 12px;}
    .top .mengpa-jianjie p .font-big{font-size: 16px;color: #fff;}
    .top .download{position: absolute;z-index: 2;left: 10%;top: 130px;}
    .top .download .erweimabg{background: #fff;width: 80px;height: 80px;text-align: center;}
    .top .download .erweima{position: relative}
    .top .download .erweima p{height: 30px;line-height: 30px;text-align: center;font-size: 12px;position: absolute;left: -1.5em;width: 115px;}
    .top .links a{display: block;width: 100px;margin-left: 10px;margin-bottom: 5px;}
    .top .links a img{width: 100%;}

    .mgr150{margin: 0;}
    .container{margin-top: 0;}
    .tg-txt{height: auto;background: none;font-size: 14px}
    .tg-txt p{text-align: left;width: 90%;margin: 0 auto 10px;}
    .container .center{width: 85%;margin: 0 auto;}
    .imgbox{width: 30%;}
    .imgbox img{width: 100%;}
    .txtbox{width: 70%;}
    .container .center .title{margin-top: 10px;font-size: 20px;}
    .container .center .summary{margin-top: 0;font-size: 14px;}
    .yuewan{background-size: 50px 100px;background-position-y: 40%;}
    .yuewan .txtbox,.liaotian .txtbox{padding-left: 14px;box-sizing: border-box;}
    .nuanxin{background-size: 50px 129px;}
    .liaotian .center:before{width: 100px;height: 53px;left: -10px;top: -20px;background-size: cover}
    .liaotian .summary{width: 100%;margin-top: 0;font-size: 14px;}
    footer .bottom-link{padding-top: 20px;margin-bottom: 20px;}
    footer ul a{display: block;}
    footer p{margin-bottom: 10px;}
    footer p span{display: block;margin: 0;}
    .yuewan .center{background-size: 100% 100px;background-position: right center}
    .nuanxin .center{background-size: 100% 100px;background-position: left center}
    .liaotian .center{background-size: 100% 100px;background-position: right center}
}
@media screen and (max-width: 750px){

    .top1 ul{margin-left:8%;}
    .top1 ul li{margin-top:15px;}
    .top1 ul li a{font-size:0.9em;}
    .smxz a img{float:left;width:100px;margin-left:10%;margin-top:40px;margin-right:3%;}
    .smxz span{float:left;margin-top:50px;font-size:1em;}
    .smxz span.mall{float:left;font-size:0.8em;margin-top:10px; }
    .smxz p{clear:both;float:left;margin-top:40px;margin-left:10%;line-height:30px;}
    .ewm p{ text-align:center;}
    .zbtp img{clear:both;width:80%;margin:8% auto 6% 10%; float:left;}
    .zbjs{margin-top:10%; float:left;margin-left:5%;width:80%;}
    .zbjs img{margin-left:15px;margin-right:15px;}
    .zbjs h1{font-size:1em;}
    .zbjs p{ float:left;margin-top:2%;margin-left:5%; line-height:40px;font-size:0.8em;margin-bottom:10%;}
    .footer1{ clear:both;width:100%;height:180px;background-image:url(../images/img_footer.png);color:#FFFFFF; text-align:center;font-size:0.8em; line-height:35px;padding-top:30px;}

    .txws .titp{clear:both;float:left;margin-top:5%;margin-left:8%;margin-bottom:4%;}
    .txws .titp img{float:left;width:160px;margin-right:15px;}
    .txws .tiwz{float:left;margin-top:5%;line-height:30px;}
    .yxjs{width:80%;clear:both;margin-left:8%;}
    .yxjs h1{font-size:1.4em;}
    .yxjs p{width:100%;line-height:35px;margin-top:20px;font-size:0.8em;}
    .yxjt{margin:1% auto 2% 8%;}
    .yxjt img{width:90%;}
    .yxjt h1{margin-bottom:2%;font-size:1.4em;}



    .top{height: 285px;}
    .topbg{height: 285px;}
    .top .mengpa-jianjie p{margin-bottom: 3px;}
    .top .mengpa img{vertical-align: middle;width: 40px;}
    .top .mengpa span{font-size: 14px;}
    .top .mengpa-jianjie p{color: #fff;}
    .top .mengpa{position: absolute;z-index: 1;left: 10%;top: 13px;}
    .top .mengpa span.font-big{font-size: 20px;margin-right: 10px;margin-left: 0}
    .top .mengpa-jianjie{position: absolute;left: 10%;top: 87px;font-size: 12px;}
    .top .mengpa-jianjie p .font-big{font-size: 16px;color: #fff;}
    .top .download{position: absolute;z-index: 2;left: 10%;top: 143px;}
    .top .download .erweimabg{background: #fff;width: 80px;height: 80px;text-align: center;}
    .top .download .erweima{position: relative}
    .top .download .erweima p{height: 30px;line-height: 30px;text-align: center;font-size: 12px;position: absolute;left: -1.5em;width: 115px;}
    .top .links a{display: block;width: 100px;margin-left: 10px;margin-bottom: 5px;}
    .top .links a img{width: 100%;}

    .mgr150{margin: 0;}
    .container{margin-top: 0;}
    .tg-txt{height: auto;background: none;font-size: 14px}
    .tg-txt p{text-align: left;width: 90%;margin: 0 auto 10px;}
    .container .center{width: 85%;margin: 0 auto;}
    .imgbox{width: 30%;}
    .imgbox img{width: 100%;}
    .txtbox{width: 70%;}
    .container .center .title{margin-top: 10px;font-size: 20px;}
    .container .center .summary{margin-top: 0;font-size: 14px;height: 192px;overflow: hidden}
    .yuewan{background-size: 50px 100px;background-position-y: 40%;}
    .yuewan .txtbox,.liaotian .txtbox{padding-left: 14px;box-sizing: border-box;width: 70%;}
    .container .txtbox p{line-height: 1.5;text-align: justify}
    .nuanxin{background-size: 50px 129px;}
    .liaotian .center:before{width: 100px;height: 53px;left: -10px;top: -20px;background-size: cover}
    .liaotian .summary{width: 100%;margin-top: 0;font-size: 14px;}
    footer .bottom-link{padding-top: 20px;margin-bottom: 20px;}
    footer ul a{display: block;}
    .bottom-link1 a{width: 95px;float: left;padding: 5px !important;}
    .bottom-div{height: 100px!important;}
    footer p{margin-bottom: 10px;}
    footer p span{display: block;margin: 0;}
    .yuewan .center{background-size: 100% 100px;background-position: right center}
    .nuanxin .center{background-size: 100% 100px;background-position: left center}
    .liaotian .center{background-size: 100% 100px;background-position: right center}
    .container-w1400{width: 90%;}
    .container-w1400 .container-center{width: 100% !important;}

    .top .download .erweimabg img{width: 80px;height: 80px;}
}
@media screen and (min-width: 750px) and (max-width:1024px){


    .top1 ul{margin-left:5%;}
    .top1 ul li a{font-size:0.9em;}
    .smxz a img{float:left;width:100px;margin-left:10%;margin-top:40px;margin-right:3%;}
    .smxz span{float:left;margin-top:50px;font-size:1.6em;}
    .smxz span.mall{float:left;font-size:0.8em;margin-top:10px; }
    .smxz p{clear:both;float:left;margin-top:80px;margin-left:10%;line-height:30px;}
    .ewm p{ text-align:center;}
    .zbtp img{clear:both;width:40%;margin:8% auto 6% 10%; float:left;}
    .zbjs{margin-top:10%; float:left;margin-left:5%;width:40%;}
    .zbjs img{margin-left:15px;margin-right:15px;}
    .zbjs h1{font-size:1em;}
    .zbjs p{ float:left;margin-top:2%;margin-left:5%; line-height:40px;font-size:0.8em;margin-bottom:10%;}
    .footer1{ clear:both;width:100%;height:180px;background-image:url(../images/img_footer.png);color:#FFFFFF; text-align:center;font-size:0.8em; line-height:35px;padding-top:30px;}

    .txws .titp{clear:both;float:left;margin-top:5%;margin-left:8%;margin-bottom:4%;}
    .txws .titp img{float:left;width:160px;margin-right:15px;}
    .txws .tiwz{float:left;margin-top:5%;line-height:30px;}
    .yxjs{width:80%;clear:both;margin-left:8%;}
    .yxjs h1{font-size:1.4em;}
    .yxjs p{width:100%;line-height:35px;margin-top:20px;font-size:0.8em;}
    .yxjt{margin:1% auto 2% 8%;}
    .yxjt img{width:90%;}
    .yxjt h1{margin-bottom:2%;font-size:1.4em;}



    .container-w1400{width: 90%;}
    .container-w1400 .container-center{width: 100% !important;}
    .top{height: 400px;}
    .topbg{height: 400px;}
    .top .mengpa img{vertical-align: middle;width: 55px;}
    .top .mengpa span{font-size: 20px;}
    .top .mengpa{position: absolute;z-index: 1;left: 10%;top: 20px;}
    .top .mengpa span.font-big{font-size: 24px;margin-right: 10px;margin-left: 0;}
    .top .mengpa-jianjie{position: absolute;left: 10%;top: 85px;font-size: 20px;}
    .top .mengpa-jianjie p .font-big{font-size: 26px;color: #fff;}
    .top .download{position: absolute;z-index: 2;left: 10%;top: 175px;}
    .top .download .erweimabg{background: #fff;width: 110px;height: 110px;text-align: center;}
    .top .download .erweima p{width: 112px;height: 30px;line-height: 30px;text-align: center;font-size: 12px;}
    .top .links a{display: block;width: 180px;margin-left: 10px;margin-bottom: 5px;}
    .top .links a img{width: 100%;}
    .mgr150{margin: 0;}
    .container{margin-top: 0;}
    .tg-txt{height: auto;background: none;font-size: 14px}
    .tg-txt p{text-align: center;width: 90%;margin: 0 auto 10px;}
    .container .center{width: 85%;margin: 0 auto;}
    .imgbox{width: 30%;}
    .imgbox img{width: 100%;}
    .txtbox{width: 70%;}
    .container .center .title{margin-top: 10px;font-size: 20px;}
    .container .center .summary{margin-top: 0;font-size: 14px;}
    .yuewan{background-size: 80px 160px;background-position-y: 40%;}
    .yuewan .txtbox,.liaotian .txtbox{padding-left: 14px;box-sizing: border-box;}
    .nuanxin{background-size: 80px 206px;}
    .liaotian .center:before{width: 100px;height: 53px;left: -10px;top: -20px;background-size: cover}
    .liaotian .summary{width: 100%;margin-top: 0;font-size: 14px;}
    footer .bottom-link a{padding: 0 20px;}
    .yuewan .center{background-size: 100% 235px;background-position: right center}
    .nuanxin .center{background-size: 100% 235px;background-position: left center}
    .liaotian .center{background-size: 100% 235px;background-position: right center}
}
